<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>柜子后台</title>
<!-- 引入 Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript" src="../../js/boxback/boxback.js"></script>
</head>
<style type="text/css">
	*{
		margin: 0;	
		padding: 0; 
	}
	#kuangsss{
		width:1200px;
	}
	#tables td{
		width:100px;
		height:30px;
		text-align: center;
	}
	#tables th{
		width:100px;
		height:30px;
		text-align: center;
	}
	#hidesc{
		width: 400px;
		height: 400px;
		position: absolute;
		background:white;
		border:1px solid red;
		top: 100px;
		left: 450px;
		z-index: 999;
	}
	 #hidesc li{
	 	margin-top: 10px;
	 	list-style: none;
	 }
	 #forms li{
	 	margin-left:80px;
	 }
	input{
		color:black;
	}
</style>
<body>
<div id="kuangsss">
	<input type="button" class="btn btn-warning" id="addBtn" value="新增">
	<form id="queryForm">
			<input type="text" class="textCss" id="name" name="boxId" placeholder="请输入柜子编号"> 
			<input type="button" value="查询" class="btn btn-success btn-sm" id="queryBtn" onclick="selectAll()">
		</form>
	<table class="table table-hover table-bordered table-striped">
		<caption>柜子列表</caption>
	<thead>
		<tr>
			<th>ID</th>
			<th>储物柜编号</th>
			<th>类型</th>
			<th>是否出租</th>
			<th>使用的期限</th>
			<th>租金</th>
			<th>逾期收取金额</th>
			<th>排序号</th>
		</tr>
	</thead>
		<tbody id="thead">
			
		</tbody>
	</table>
	<ul class="pagination">
			
	</ul>
</div>
	<div id="hidesc">
		<h1 onclick="hidebt()" style="width:40px;position: relative;left:370px;cursor: pointer;">X</h1>
		<div id="forms">
			<form id="forminsert">
				<ul>
					<li><input type="text" name="boxId" id="boxIds" /></li>
					<li>
						储物柜编号:
						<input  onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" id="boxId" name="locId" type="text" />
					</li>
					<li>
						 类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型: 
						 <input class="boxType" value="1" name="boxType" checked="checked" type="radio" /> 小
						 <input class="boxType" value="2" name="boxType" type="radio" /> 中
						 <input class="boxType" value="3" name="boxType" type="radio" /> 大
					</li>
					<li>
						是否已出租: 
						<input class="boxState" value="1" name="boxState" type="radio" /> 是
						<input class="boxState" value="0" name="boxState" type="radio" /> 否
					</li>
					<li>
						 使用的期限: 
						 <input  onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" id="boxDeadline" name="boxDeadline" type="text" /> 天
					</li>
					<li>
						 租&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;金: 
						 <input  onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" id="boxRent"  name="boxRent" type="text" /> 元
					</li>
					<li>
						 逾期收金额: 
						 <input  onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"  id="boxOut" name="boxOut" type="text" /> 元
					</li>
					<li>
						 <input style="margin-left: 80px;" type="button" class="btn btn-success" id="boxSubmit" value="提交"> 
					</li>
				</ul>
			</form>
		</div>
	</div>
</body>
</html>